@charset "utf-8";
*{
	/*font-size: 0.5em;*/
	margin: 0;
	padding: 0;
}
body{
	height: 100%;
}
html{
	background-color: #f5f6f9;
	height: 100%;
}
input,a{
	-webkit-tap-highlight-color:rgba(255,255,255,0);
}
html {font-size:10px} 
@media screen and (min-width:480px) and (max-width:639px) { html { font-size: 15px } }
 @media screen and (min-width:640px) and (max-width:719px) { html { font-size: 20px } } @media screen and (min-width:720px) and (max-width:749px) { html { font-size: 22.5px } } @media screen and (min-width:750px) and (max-width:799px) { html { font-size: 23.5px } } @media screen and (min-width:800px) and (max-width:959px) { html { font-size: 25px } } @media screen and (min-width:960px) and (max-width:1079px) { html { font-size: 30px } } @media screen and (min-width:1080px) { html { font-size: 32px } }

a{
	text-decoration: none;
}
.header{
	height: 4.5rem;
	background: #12b8f4;
}
.login{
	font-size: 1.7rem;
	color: #fff;
	text-align: center;
}
.control-label{
	padding: 0 !important;
	text-align: center;
	padding-left: 0.5rem;
}
.user{
	width: 1.6rem;
	height: 1.8rem;
	padding-left: 0px !important;
}
.password{
	width: 1.9rem;
	height: 1.4rem;
}
.back,.login{
	margin-top: 1.2rem;
}
.back img{
	width: 0.8rem;
	height: 1.5rem;
}
.register{
	text-align: right;
	margin-top: 1.3rem;
}
.register a{
	color: #fff;
	text-decoration: none !important;
}
.register a:active{
	color: #fff;
}
.logo{
	margin: 4.25rem auto;
	text-align: center;
}
.logo img{
	width:8.75rem ;
	height: 8.6rem;
}
.form-horizontal{
	padding: 0 30px;
}
.form-control{
	border: 0 !important;
	border-bottom: 1px solid #74d5f9 !important;
	text-align: center;
	height: 3.4rem;
	outline: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	/*padding-left: 0 !important;*/
}
#username::-webkit-input-placeholder,#password::-webkit-input-placeholder{
	color: #a5a5a5;
	text-align: center;
	margin-bottom: 0.5rem;
}
.verificationBtn{
	width: 100%;
	background: #fff;
	border: 1px solid #74d5f9;
	outline: none;
	padding: 0.5rem 0.2rem;
	border-radius: 5px;
	color: #a5a5a5;
}
.verification{
	margin-top: 3rem !important;
}
.loginInput{
	padding-left: 0.5rem !important;
}
.form-group{
	margin-bottom: 0 !important;
	margin-top: 3rem;
	margin-left: 0 !important;
}
/*.loginBtn,.registerBtn{
	
	padding-left: 0 !important;
	
}*/
.loginBtn{
	padding-left: 0 !important;
	/*padding-right: 0 !important;*/
}
.registerBtn{
	padding-right: 0 !important;
}
.loginBtn button,.registerBtn button{
	width: 100%;
	outline: none !important;
	border-radius: 2.5rem !important;
}
.loginBtn button{
	background: #12b8f4;
	color: #FFF;
}
.registerBtn button{
	background: #fff;
	border: 1px solid #74d5f9;
	
}
.registerBtn button a{
	text-decoration: none !important;
	color: #12b8f4;
	display: inline-block;
	width: 100%;
	height: 100%;
}
